<div>
    <div class="formulatorTable">
        <div class="row"><label for="${id}_type">Type:</label><div><div id="${id}_type" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="_typeDijit" data-dojo-props="disabled: true"></div></div></div>
        <div class="row"><label for="${id}_id">Id:</label><div><div id="${id}_id" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="_idDijit" data-dojo-attach-event="onChange: _changeId" data-dojo-props="intermediateChanges: true"></div></div></div>
        <div class="row"><label for="${id}_extends">Extends:</label><div><div id="${id}_extends" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="_extendsDijit" data-dojo-attach-event="onChange: _changeExtends" data-dojo-props="intermediateChanges: true"></div></div></div>
        <div class="row"><label for="${id}_property">Property:</label><div><div id="${id}_property" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="_propDijit" data-dojo-attach-event="onChange: _changeProperty" data-dojo-props="intermediateChanges: true"></div></div></div>
        <div class="row"><label for="${id}_nt">NodeType:</label><div>
            <select class="select" name="select1" data-dojo-type="dijit/form/Select" id="${id}_nt" data-dojo-attach-point="_ntDijit" data-dojo-attach-event="onChange: _changeNT">
                <option value="LANGUAGE_LITERAL">Literal, language mandatory</option>
                <option value="PLAIN_LITERAL">Literal, language optional</option>
                <option value="ONLY_LITERAL">Literal, language disallowed</option>
                <option value="DATATYPE_LITERAL">Datatyped literal</option>
                <option value="LITERAL" selected="selected">Any kind of literal</option>
                <option value="URI">URI</option>
                <option value="BLANK">Blank node</option>
                <option value="RESOURCE">URI or blank node</option>
            </select>
        </div></div>
        <div class="row"><label for="${id}_dt">DataType:</label><div>
            <select class="select" data-dojo-type="dijit/form/ComboBox" id="${id}_dt" name="dt" data-dojo-attach-point="_dtDijit" data-dojo-attach-event="onChange: _changeDT">
                <option selected></option>
                <option>http://www.w3.org/2001/XMLSchema#date</option>
                <option>http://www.w3.org/2001/XMLSchema#duration</option>
                <option>http://www.w3.org/2001/XMLSchema#integer</option>
            </select>
        </div></div>
        <div class="row"><label for="${id}_pattern">Pattern:</label><div><div id="${id}_pattern" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="_patternDijit" data-dojo-attach-event="onChange: _changePattern" data-dojo-props="intermediateChanges: true"></div></div></div>
        <div class="row"><label>Label: <span data-dojo-attach-point="_addLabel" class="addButton">+</span></label><div>
            <div data-dojo-attach-point="_labelLangString" data-dojo-type="rforms/formulator/LangString"></div>
        </div></div>
        <div class="row"><label>Description: <span data-dojo-attach-point="_addDesc" class="addButton">+</span></label><div>
            <div data-dojo-attach-point="_descLangString" data-dojo-type="rforms/formulator/LangString" data-dojo-props="multiline: true"></div>
        </div></div>
        <div class="row"><label>Cardinality: </label><div><div class="cardinality">
            <label for="${id}_min">Min:</label><div id="${id}_min" data-dojo-type="dijit/form/NumberTextBox" data-dojo-attach-point="_minDijit" data-dojo-attach-event="onChange: _changeCard"></div>
            <label for="${id}_pref">Pref:</label><div id="${id}_pref" data-dojo-type="dijit/form/NumberTextBox" data-dojo-attach-point="_prefDijit" data-dojo-attach-event="onChange: _changeCard"></div>
            <label for="${id}_max">Max:</label><div id="${id}_max" data-dojo-type="dijit/form/NumberTextBox" data-dojo-attach-point="_maxDijit" data-dojo-attach-event="onChange: _changeCard"></div>
        </div></div></div>
        <div class="row"><label for="${id}_constr">Constraints:</label><div><div id="${id}_constr" data-dojo-type="dijit/form/ValidationTextBox" data-dojo-attach-point="_constrDijit" data-dojo-attach-event="onChange: _changeConstr" data-dojo-props="intermediateChanges: true, invalidMessage: 'Must be a valid json string.'"></div></div></div>
        <div class="row"><label for="${id}_cls">Classes:</label><div><div id="${id}_cls" data-dojo-type="dijit/form/TextBox" data-dojo-attach-point="_clsDijit" data-dojo-attach-event="onChange: _changeCls" data-dojo-props="intermediateChanges: true"></div></div></div>
        <div class="row"><label for="${id}_sty">Styles:</label><div><div data-dojo-attach-point="_stylesWrapper">
        </div></div></div>
    </div>
</div>
